<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>

<div id="app"></div>
<input type="text" onblur="setText(this)">
<!--    <div>{{text}}</div>-->
    <script>
        // var obj = {
        //     text:''
        // }
        // Object.defineProperty(obj,'text',{
        //     get(v) {
        //         console.log(v)
        //         console.log('执行了')
        //     },
        //     set(v) {
        //         console.log('执行了set')
        //         console.log(v)
        //         document.getElementById('app').innerText = v
        //     }
        // })
        // function setText(e){
        //     obj.text = e.value
        //     console.log(e.value)
        // }
        // console.log(obj.text)
        // var vm = new Vue({
        //     el:'#app',
        //     data:{
        //
        //     }
        // })
        // // console.log(vm)
        // setTimeout(()=>{
        //     vm.$data.text = '世界，你好'
        // },2000)
        // var dom = document.getElementById('app')
        // dom.innerText = '你好，世界'
    </script>
</body>
</html>